<%@ include file="/WEB-INF/views/taglib.jsp"%>
<html lang="en-US">
<!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>BookStore</title>

<%@ include file="/WEB-INF/views/pathcss.jsp"%>
<%@ include file="/WEB-INF/views/pathjs.jsp"%>

<style type="text/css">
.ie8 .container {
	max-width: px;
	width: auto;
}
</style>
<style type="text/css">
.recentcomments a {
	display: inline !important;
	padding: 0 !important;
	margin: 0 !important;
}
</style>

<style type="text/css" media="all">
</style>
</head>

<body class="home blog">

	<div class="container">


		<div id="wrapper" class="container-fluid">

			<%@ include file="/WEB-INF/views/navigation.jsp"%>
			<%@ include file="/WEB-INF/views/carousel.jsp"%>



			<!-- row-fluid -->
			<div id="widget-boxes-container" class="row-fluid">
				<div class="boxes">


					<c:forEach items="${bookList}" var="b">
						<div class="box span4" style="height: 300px; cursor: default;">
							<a href="#" class="box-link"> <img class="box-image"
								src="/BOOKSTORE/images/${b.image}" height="100px"
								alt="CyberChimps Slider">
							</a>
							<h6 class="box-widget-title">${b.bookName}</h6>
							<p>${b.date}</p>
						</div>
					</c:forEach>


				</div>
				<!-- end boxes -->
			</div>
			<!-- end row-fluid -->


















		</div>
		<!-- .entry-content -->



	</div>
	<!-- #content -->













</body>
</html>